.index {
    height: 100%;

    .bigbox {
        height: 100%;
        overflow-y: auto;

        .ant-layout-sider {
            background: #fff;
            overflow-y: auto;

            h3 {
                color: #2984f8;
                font-weight: normal;
                height: 60px;
                line-height: 60px;
                text-align: center;
            }
        }

        .main {
            display: flex;
            flex-direction: column;
            overflow-y: auto;

            .ant-layout-header {
                height: 64px;
                background: #fff;
                display: flex;
                align-items: center;
                justify-content: space-between;

                img {
                    height: 60%;
                }

                .rightbox {
                    width: 20%;
                    display: flex;
                    align-items: center;
                    justify-content: space-around;

                    .topright {
                        width: 80%;
                        justify-self: flex-end;
                        display: flex;
                        justify-content: space-around;
                        align-items: center;

                        img {
                            height: 100%;
                        }
                    }
                }

            }

            .ant-layout-content {
                flex: 1;
                overflow-y: auto;
                background: #eff4fc;
            }

            .ant-popover {
                .ant-popover-content {
                    .ant-popover-inner-content {
                        display: flex;
                        flex-direction: column;
                    }
                }

            }
        }

    }

    .drawer {
        .ant-drawer-title {
            color: #999;
        }
    }
}